<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵩县全域智慧旅游产业大数据和决策分析云平台</title>
    <link rel="stylesheet" href="../../assets/plugin/M_select/M_select.css">
    <link rel="stylesheet" href="../../assets/css/animate.min.css">
    <link rel="stylesheet" href="../../assets/css/public.css">
    <link rel="stylesheet" href="../../assets/css/common.css">
    <link rel="stylesheet" href="../../assets/css/index.css">
    <link rel="stylesheet" href="../../assets/css/tourismEnterprises.css">
    <link rel="stylesheet" href="../../assets/css/hotel.css">
</head>
<body>
<div class="box">
    <!--头部-->
    <div class="title-box">
        <div class="title-left">
            <span id="weather">小雨转晴</span>
            <span id="temperature">32/23℃</span>
            <span id="windPower">东风</span>
        </div>
        <div class="title-img">
            <h3>嵩县全域智慧旅游产业大数据和决策分析云平台</h3>
            <img src="../../assets/images/title-bg.png">
        </div>
        <div class="title-right">
            <a href="../admin/index.html">运营管理</a>
        </div>
    </div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <ul>
                <li>
                    <a href="../index/index.html">
                        <div>
                            <img src="../../assets/images/icon-index.png">
                            <img src="../../assets/images/icon-index-active.png">
                        </div>
                        <p>旅游发展环境</p>
                    </a>
                </li>
                <li>
                    <a href="../basicElements/index.html">
                        <div>
                            <img src="../../assets/images/icon-analysis.png">
                            <img src="../../assets/images/icon-analysis-active.png">
                        </div>
                        <p>旅游基础要素</p>
                    </a>
                </li>
                <li>
                    <a href="../touristFlow/index.html">
                        <div>
                            <img src="../../assets/images/icon-image.png">
                            <img src="../../assets/images/icon-image-active.png">
                        </div>
                        <p>旅游客流监测</p>
                    </a>
                </li>
                <li>
                    <a href="../touristsPortrait/index.html">
                        <div>
                            <img src="../../assets/images/icon-portrait.png">
                            <img src="../../assets/images/icon-portrait-active.png">
                        </div>
                        <p>游客画像分析</p>
                    </a>
                </li>
                <li class="active">
                    <a href="../tourismEnterprises/index.html">
                        <div>
                            <img src="../../assets/images/icon-operation.png">
                            <img src="../../assets/images/icon-operation-active.png">
                        </div>
                        <p>旅游企业监测</p>
                    </a>
                </li>
                <li>
                    <a href="../pinglun/index.html">
                        <div>
                            <img src="../../assets/images/icon-pinglun.png">
                            <img src="../../assets/images/icon-pinglun-active.png">
                        </div>
                        <p>互联网评论</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--数据内容-->
        <div class="content-box flex-column">
            <div class="content-nav">
                <ul>
                    <li>
                        <a href="index.html">景区监测</a>
                    </li>
                    <li class="active">
                        <a href="hotel.html">酒店监测</a>
                    </li>
                    <li>
                        <a href="travelAgency.html">旅行社监测</a>
                    </li>
                    <li>
                        <!--<a href="villagvillage.html">旅游乡村监测</a>-->
                    </li>
                </ul>
                <div class="radio-box">
                    <input type="radio" id="tody" name="time">
                    <label for="tody">今日</label>
                    <input type="radio" id="week" name="time">
                    <label for="week">本周</label>
                    <input type="radio" id="month" name="time">
                    <label for="month">本月</label>
                    <input type="radio" id="year" name="time" checked>
                    <label for="year">本年</label>
                    <input type="text" id="period" placeholder="选择时间段">
                    <button>查询</button>
                </div>
            </div>
            <div class="content-main flex-row flex1">
                <div class="content-center flex1 animated slideInLeft">
                    <div class="flex2">
                        <div class="content-center-bg">
                            <div class="tourism-data">
                                <div>
                                    <b>今日入住数(人次)</b>
                                    <p class="numberStyle">03065</p>
                                </div>
                                <div>
                                    <b>本月累积入住数(人次)</b>
                                    <p class="numberStyle">91950</p>
                                </div>
                            </div>
                        </div>
                        <!--地图-->
                        <div id="hotel_1"></div>
                    </div>
                    <div class="bg-1 flex1">
                        <div class="content-title">假日分析</div>
                        <div class="bg-main-1" id="hotel_2"></div>
                    </div>
                </div>
                <div class="content-right flex1 flex-column">
                    <div class="bg-1 flex1">
                        <div class="bg-1 flex1 animated slideInDown delay-1">
                            <div class="content-title">过夜游客分析</div>
                            <div class="bg-main-1" id="hotel_3"></div>
                        </div>
                    </div>
                    <div class="hotel-chart-list flex1">
                        <div class="bg-1 flex1 animated slideInUp delay-3">
                            <div class="content-title">过夜游客源省TOP10</div>
                            <div id="hotel_4" class="bg-main-1"></div>
                        </div>
                        <div class="bg-1 flex1 animated slideInUp delay-3">
                            <div class="content-title">过夜游停留时长</div>
                            <div id="hotel_5" class="bg-main-1"></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../../assets/plugin/jquery.min.js"></script>
<script src="../../assets/plugin/ECharts/echarts.js"></script>
<script src="../../assets/plugin/ECharts/china.js"></script>
<script src="../../assets/plugin/laydate/laydate.js"></script>
<script src="../../assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="../../assets/plugin/M_select/M_select.js"></script>
<script src="../../assets/js/public.js"></script>
<script src="../../assets/js/hotel.js"></script>

</html>
